<template>
  <div class="infoHome">
      <div class="top">
        <div class="head_img">
            <img v-if="cookie.avatar" :src="cookie.avatar" alt="">
            <img v-else src="../../../../assets/img/icon_default_headPic.png" alt="">
        </div>
        <span class="f26">{{myInfo.realname||myInfo.tel}}</span>
        <span>行业-公司-职业</span>
        <textarea name="" placeholder="还未填写个性签名，介绍下自己吧"></textarea>

      </div>
      <div class="approve" @click="$router.push('myInfo/approveInput')">
        <p><i class="iconfont icon-shimingrenzheng1"></i><span>实名认证</span></p>
        <p><i class="iconfont icon-duigou2"></i><span>未认证</span></p>
        
      </div>
  </div>
</template>

<script>
    import {mapGetters} from 'vuex'
    export default {
        name:'infoHome',
        computed:{
            ...mapGetters(['myInfo','cookie'])
        },
        methods:{}
    }
</script>

<style lang="scss" scoped>
    @import '../../../../style/var.scss';

    .infoHome{
        width:100%;
        padding:50px;
    }
    .top{
        display: flex;
        align-items: center;
        flex-direction: column;
        line-height: 120px;
        padding:50px;
        .head_img{
            width:400px;
            height:400px;
            border-radius: 50%;
            overflow: hidden;
            img{width:100%;height:100%;}
        }
        textarea{
            width:100%;
            height:150px;
            border:none;
            text-align: center;
        }
    }
    .infoHome__head__img{

    }
    .approve{
        display: flex;
        align-items: center;
        justify-content: space-between;
        border:1px solid $border_base;
        padding:40px 50px;
        border-radius: 10px;
    }
</style>
